<!DOCTYPE html>
<html>

<head>
    <title>Apple（中国大陆）-官方网站</title>
    <link rel="stylesheet" href="css/index.css" type="text/css">
    <link rel="icon" href="./apple.png" >
    
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0  minimum-scale=1.0, maximum-scale=2.0, user-scalable=yes">
</head>

<body>
    <section class="nav-wapper">
            <li class="menu-open"></li>
           <section class="menu" style="height:0">
                <ul class="menu-hi">
                        <div class="ms-wapper flex">
                                <div class="search-button"></div>
                        <input type="text" class="menu-search" value="搜索 apple.com">
                    </div> 
                    <li class="menu-li li1"><a href="#" class="m-mac"></a></li>
                    <li class="menu-li"><a href="#" class="m-iPad"></a></li>
                    <li class="menu-li"><a href="#" class="m-iphone"></a></li>
                    <li class="menu-li"><a href="#" class="m-watch"></a></li>
                    <li class="menu-li"><a href="#" class="m-music"></a></li>
                </ul>
            </section>
        <nav class="global-nav auto">

            <ul class="nav-ul flex">

                <li class="nav-item1 homewapper">
                    <a href="index.html" class="home"></a>
                </li>

                <li class="nav-item1">
                    <a href="https://www.apple.com/cn/mac/" class="mac" ></a>
                </li>

                <li class="nav-item1">
                    <a href="https://www.apple.com/cn/ipad/" class="iPad"></a>
                </li>

                <li class="nav-item1">
                    <a href="https://www.apple.com/cn/iphone/" class="iPhone"></a>
                </li>
                <li class="nav-item1">
                    <a href="https://www.apple.com/cn/watch/" class="watch"></a>
                </li>
                <li class="nav-item1">
                    <a href="https://www.apple.com/cn/music/" class="music"></a>
                </li>

                <li class="nav-item1">
                    <a href="https://support.apple.com/zh-cn" class="surpport"></a>
                </li>
                <li class="nav-item1">
                    <a href="#" class="search"></a>
                </li>
                <li class="nav-item1 bagwapper">
                    <a href="#" class="bag">
                    </a>
                </li>
            </ul>
            
        </nav>
        
    </section>
    <section class="search-box" >
            <ul class="sbox-ul">
                <li  class="sbox-li1">
                    <div class="search-button"></div>
                    <input type="text" class="search-input" value="搜索 apple.com">
                </li>
                <li><a href="#" class="sbox-a1">快速链接</a></li>
                <li class="sb-content"><a href="#">查找零售商</a></li>
                <li class="sb-content"><a href="#">Today at Apple</a></li>
                <li class="sb-content"><a href="#">配件</a></li>
                <li class="sb-content"><a href="#">AirPods</a></li>
                <li class="sb-content"><a href="#">iPods</a></li>
                <li></li>
            </ul>

           
        </section>
        <div class="close-button"></div>
        <section class="triangle" style="display: none"></section>
        <section class="shopping-car" style="display: none">
            <div class="information">
                你的购物袋是空的
            </div>
            <ul>
                <li> <div class="shopping-dai"></div><a href="#">购物袋</a></li>
                <li><div class="shoucang"></div><a href="#">收藏</a></li>
                <li><div class="dingdan"></div><a href="#">订单</a></li>
                <li><div class="shezhi"></div><a href="#">账户</a></li>
                <li><div class="lode"></div><a href="#">登录</a></li>
            </ul>
        </section>

    <!-- 单独的第一块 -->
    <section class="standalone">
        <p class="standalone-p1 auto">折抵换购 iPhone XR 仅 RMB 200/月起，或 RMB 4799 起*。</p>
        <p class="standalone-p2 auto">两种方式，让你轻松折抵换购新 iPhone：直接在线操作，或者在 Apple Store 零售店办理。</p>
        <p class="standalone-p3 auto">
            <a href="shop/buy-iphone/iphone-xr" class="p-a">购买</a>&gt;
            <a href="shop/trade-in" class="p-a">进一步了解</a>&gt;
        </p>
    </section>
    <!-- item -->
    <section class="items">
        <div class="item div2" onclick="window.open('https://www.apple.com/cn/iphone-xr/','_self')">
            <p class="item-p1">iPhone XR</p>
            <p class="item-p2">
                <a href="iphone-xr/">全面屏设计，iPhone上最强的电池续航，出类拔萃的性能，以及影棚质感的照片效果</a>
            </p>
            <p class="item-p3">
                <a href="iphone-xr/" class="p-a">进一步了解</a>&gt;
                <a href="shop/buy-iphone/iphone-xr" class="p-a">购买</a>&gt;
            </p>
            <div class="img1 auto img-full"></div>
        </div>


        <div class="item div3" onclick="window.open('https://www.apple.com/cn/iphone-xs/','_self')">
            <p class="item-p1">iPhone XS</p>
            <p class="item-p2">
                <a href="iphone-xs/">iPhone史上最大的超视网膜显示屏，出类拔萃的A12仿生，安全性更进一步的面容ID，以及支持景深控制的突破性双镜头系统。</a>
            </p>
            <p class="item-p3">
                <a href="iphone-xs/" class="p-a">进一步了解</a>&gt;
                <a href="shop/buy-iphone/iphone-xs" class="p-a">购买</a>&gt;
            </p>
            <div class="img2 auto img-full"></div>
        </div>


        <div class="item div4" onclick="window.open('https://www.apple.com/cn/apple-watch-series-4/','_self')">
            <div class="img3 auto img-full"></div>
            <p class="item-p2">
                <a href="apple-watch-series-4/">更强，更出彩</a>
            </p>
            <p class="item-p3">
                <a href="apple-watch-series-4/" class="p-a">进一步了解</a>&gt;
                <a href="shop/buy-watch/apple-watch" class="p-a">购买</a>&gt;
            </p>
            <div class="img4 auto img-full"></div>
        </div>

    </section>

    <section class="small-colletions">
        <div class="div5 small-wapper">
            <div class="small div5-1" onclick="window.open('https://www.apple.com/cn-k12/shop/back-to-school','_self')">

                <div class="img5 small-img auto img-full"></div>
                <div class="small-font">
                    <p class="small-font-p1"><a href="https://www.apple.com/cn-k12/shop/back-to-school"
                            class="small-p1-a">为高校生活购买Mac或iPod，Beats耳机搭配其中</a> </p>

                    <p class="item-p3">

                        <a class="p-a" href="https://www.apple.com/cn-k12/shop/back-to-school"> 选购</a>&gt;
                    </p>
                </div>
            </div>

            <div class="small div5-2" onclick="window.open('https://www.apple.com/cn/macbook-air/','_self')">
                <div class="img6 small-img auto img-full"></div>
                <div class="small-font">
                    <p class="small-font-p1"><a href="macbook-air/" class="small-p1-a">Macbook Air<br></a> </p>
                    <p class="small-font-p2"><a class="p2-a" href="macbook-air/">轻轻的，再次倾心</a> </p>
                    <p class="item-p3">
                        <a class="p-a" href="macbook-air/"> 进一步了解</a>&gt;
                        <a class="p-a" href="https://www.apple.com/cn-k12/shop/buy-mac/macbook-air"> 购买</a>&gt;
                    </p>
                </div>
            </div>
        </div>

        <div class="div6 small-wapper">
            <div class="small div6-1" onclick="window.open('https://www.apple.com/cn/macbook-pro/','_self')">
                <div class="img7 small-img auto img-full"></div>
                <div class="small-font">
                    <p class="small-font-p1"><a href="macbook-pro/" class="small-p1-a">Macbook Pro<br></a> </p>
                    <p class="small-font-p2"><a class="p2-a" href="https://www.apple.com/cn/macbook-pro/">
                            更强劲，更专业的强劲</a></p>
                    <p class="item-p3">
                        <a class="p-a" href="macbook-pro/"> 进一步了解</a>&gt;
                        <a class="p-a" href="https://www.apple.com/cn-k12/shop/buy-mac/macbook-pro"> 购买</a>&gt;
                    </p>
                    </p>
                </div>
            </div>

            <div class="small div6-2"
                onclick="window.open('https://www.apple.com/cn/watch/close-your-rings/stories/','_self')">
                <div class="img8 small-img auto img-full"></div>
                <div class="small-font">
                    <p class="small-font-p1"><a href="https://www.apple.com/cn/watch/close-your-rings/stories/"
                            class="small-p1-a">行动派，让圆环满起来<br></a> </p>
                    <p class="small-font-p2"><a class="p2-a"
                            href="https://www.apple.com/cn/watch/close-your-rings/stories/">看AppleWatch 用户如何<br>填满圆环</a>
                    </p>
                    <p class="item-p3">
                        <a class="p-a" href="https://www.apple.com/cn/watch/close-your-rings/stories/"> 立即观看</a>&gt;
                    </p>
                </div>
            </div>
        </div>
        <div class="div7 small-wapper">
            <div class="small div7-1" onclick="window.open('https://www.apple.com/cn/airpods/','_self')">
                <div class="img9 small-img auto img-full"></div>
                <div class="small-font">
                    <p class="small-font-p1"><a href="https://www.apple.com/cn/airpods/"
                            class="small-p1-a">AirPods<br></a> </p>
                    <p class="small-font-p2"><a class="p2-a" href="https://www.apple.com/cn/airpods/"> 妙出新境界</a></p>
                    <p class="item-p3">
                        <a class="p-a" href="https://www.apple.com/cn/airpods/"> 进一步了解</a>&gt;
                        <a class="p-a" href="https://www.apple.com/cn-k12/shop/select-airpods"> 购买</a>&gt;
                    </p>
                    </p>
                </div>
            </div>

            <div class="small div7-2" onclick="window.open('https://www.apple.com/cn/ipad-pro/','_self')">
                <div class="img10 small-img auto img-full"></div>
                <div class="small-font">
                    <p class="small-font-p1"><a href="https://www.apple.com/cn/ipad-pro/" class="small-p1-a">iPod Pro<br></a> </p>
                    <p class="small-font-p2"><a class="p2-a" href="https://www.apple.com/cn/ipad-pro/">全新，全平面，全方位强大</a></p>
                    <p class="item-p3">
                        <a class="p-a" href="https://www.apple.com/cn/ipad-pro/"> 进一步了解</a>&gt;
                        <a class="p-a" href="https://www.apple.com/cn/ipad-pro/"> 购买</a>&gt;
                    </p>
                </div>
            </div>

        </div>
    </section>

    <footer class="global-fotter flex">
        <section class="help">
            <p class="help-content c8">* 所示的 iPhone XR 64GB 机型价格是使用 iPhone 7 Plus 32GB 机型进行折抵换购的价格。上述所示机型的分期付款金额是在使用
                iPhone 7 Plus 32GB 机型进行折抵后， 再以招商银行、中国工商银行或花呗 24 期免息分期付款方式估算得出的整数金额 (未显示小数点以后的金额)，实际支付金额以银行或花呗账单为准。
                本优惠活动暂定截止日期为 2019 年 8 月 30 日，可能视情况延长。 折抵金额仅可在限定时间内使用，并且要求用于购买新
                iPhone，以限制条款为准。 实际折抵金额取决于设备的状况、配置、制造年份，以及发售国家或地区
                。银行或花呗可能要求你的可用信用额度大于所购买产品的总金额，才能使用分期付款服务。有关信用卡或花呗分期服务的申请及使用问题，请与银行或花呗联系，Apple 对此不做任何承诺和保证。Apple 的折抵换购活动为
                Apple 与 Apple 折抵服务合作伙伴共同推出，年满 18 周岁及以上者才能享受此项折抵换购服务。店内折抵换购需出示政府颁发并附有照片的有效身份证件 (当地法律可能会要求存储该信息)。
                可能需要遵守 Apple 或 Apple 折抵服务合作伙伴的其他条款。本优惠不能与 Apple 的其他优惠或折扣活动同时使用。如需了解更多免息分期付款信息， 请点击
                <a href="https://www.apple.com/cn/shop/browse/finance/installment_landing" class="c8">此处</a>。
            </p>
            <hr class="hr1 c8">
        </section>
        <section class="hidsec auto">
            <ul class="hid">
                    <li class="li-hid" style="border: 0"><span>选购及了解</span><div class="addhao"></div></li>
                <ul class="hi-ul" style="height: 0 ">
                    <li class="li2-item"><a class="li2-a" href="#">Mac</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">iPad</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">iPhone</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">Watch</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">Music</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">iTune</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">HomePod</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">iPod touch</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">配件</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">App Store 充值卡 </a></li>
                </ul>
            </li>
           
            <li class="li-hid" ><span> Apple Store 商店</span><div class="addhao"></div></li>
                <ul class="hi-ul" style="height: 0 ">
                    <li class="li2-item"><a class="li2-a" href="#">Mac</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">iPad</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">iPhone</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">Watch</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">Music</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">iTune</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">HomePod</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">iPod touch</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">配件</a></li>
                    <li class="li2-item"><a class="li2-a" href="#">App Store 充值卡 </a></li>
                </ul>
            </li>
               
                <li class="li-hid">教育应用</li>
            
                <li class="li-hid">商务应用</li>
               
                <li class="li-hid">账户</li>
             
                <li class="li-hid">Apple 价值观</li>
             
                <li class="li-hid">关于 Apple</li>
            
            </ul>
        </section>
        <nav class="menu-nav">

            <ul class="uls flex">

                <li class="one-ul">
                    <ul class="ul">
                        <li class="li-head">选购及了解</li>
                        <li class="li-item"><a class="li-a" href="#">Mac</a></li>
                        <li class="li-item"><a class="li-a" href="#">iPad</a></li>
                        <li class="li-item"><a class="li-a" href="#">iPhone</a></li>
                        <li class="li-item"><a class="li-a" href="#">Watch</a></li>
                        <li class="li-item"><a class="li-a" href="#">Music</a></li>
                        <li class="li-item"><a class="li-a" href="#">iTune</a></li>
                        <li class="li-item"><a class="li-a" href="#">HomePod</a></li>
                        <li class="li-item"><a class="li-a" href="#">iPod touch</a></li>
                        <li class="li-item"><a class="li-a" href="#">配件</a></li>
                        <li class="li-item"><a class="li-a" href="#">App Store 充值卡 </a></li>
                    </ul>
                </li>

                <li class="one-ul">
                    <ul class="ul">
                        <li class="li-head">Apple Store 商店</li>
                        <li class="li-item"><a class="li-a" href="#">查找零售店</a></li>
                        <li class="li-item"><a class="li-a" href="#">Genius Bar 天才吧</a></li>
                        <li class="li-item"><a class="li-a" href="#">Today at Apple</a></li>
                        <li class="li-item"><a class="li-a" href="#">Apple 夏令营</a></li>
                        <li class="li-item"><a class="li-a" href="#">Fie Trip 课外活动</a></li>
                        <li class="li-item"><a class="li-a" href="#">Apple Store App</a></li>
                        <li class="li-item"><a class="li-a" href="#">翻新和优惠</a></li>
                        <li class="li-item"><a class="li-a" href="#">分期付款</a></li>
                        <li class="li-item"><a class="li-a" href="#">Apple Trade In 换购计划</a></li>
                        <li class="li-item"><a class="li-a" href="#">订单状态 </a></li>
                        <li class="li-item"><a class="li-a" href="#">选购帮助 </a></li>
                    </ul>
                </li>

                <li class="one-ul">
                    <ul class="ul">
                        <li class="li-head">教育应用</li>
                        <li class="li-item"><a class="li-a" href="#">Apple 与教育</a></li>
                        <li class="li-item"><a class="li-a" href="#">高校师生选购</a></li>
                        <br>
                        <li class="li-head">商务应用</li>
                        <li class="li-item"><a class="li-a" href="#">Apple 与商务</a></li>
                        <li class="li-item"><a class="li-a" href="#">商务选购</a></li>

                    </ul>
                </li>

                <li class="one-ul">
                    <ul class="ul">
                        <li class="li-head">账户</li>
                        <li class="li-item"><a class="li-a" href="#">管理你的 Apple ID</a></li>
                        <li class="li-item"><a class="li-a" href="#">Apple Store 账户</a></li>
                        <li class="li-item"><a class="li-a" href="#">iClould.com</a></li>
                        <br>
                        <li class="li-head">Apple 价值观</li>
                        <li class="li-item"><a class="li-a" href="#">环境责任</a></li>
                        <li class="li-item"><a class="li-a" href="#">隐私</a></li>
                        <li class="li-item"><a class="li-a" href="#">供应商责任</a></li>
                    </ul>
                </li>

                <li class="one-ul">
                    <ul class="ul">
                        <li class="li-head">关于 Apple</li>
                        <li class="li-item"><a class="li-a" href="#">Newsroom</a></li>
                        <li class="li-item"><a class="li-a" href="#">Apple 管理层</a></li>
                        <li class="li-item"><a class="li-a" href="#">工作机会</a></li>
                        <li class="li-item"><a class="li-a" href="#">创造就业</a></li>
                        <li class="li-item"><a class="li-a" href="#">活动</a></li>
                        <li class="li-item"><a class="li-a" href="#">联系 Apple </a></li>

                    </ul>
                </li>
            </ul>
        </nav>
        <p class="footer-p1">更多选购方式：<a href="https://www.apple.com/cn/retail/">查找你附近的 Apple Store 零售店</a>及<a
                href="https://locate.apple.com/cn/zh/">更多门店</a>，或者致电 400-666-8800。</p>
        <hr class="hr1">


        <section class="small-footer auto ">
            <p class="flex">
                <p class="footer-p2">Copyright © 2019 Apple Inc. 保留所有权利。</p>
                <ul class="uls flex" style="height: 15px; margin:10px">
                    <li class="one-ul"><a class="li-a" href="#">&nbsp;隐私条款 | </a></li>
                    <li class="one-ul"><a class="li-a" href="#">&nbsp;使用条款 | </a></li>
                    <li class="one-ul"><a class="li-a" href="#">&nbsp;销售政策 | </a></li>
                    <li class="one-ul"><a class="li-a" href="#">&nbsp;法律信息 | </a></li>
                    <li class="one-ul"><a class="li-a" href="#">&nbsp;网站地图 | </a></li>
                </ul>
            </p>
            <p class="footer-p3">京公安网安备11010502008968 京ICP备10214630 营业执照 无线电发射设备销售备案编号11201910351200</p>
        </section>
    </footer>
</body>

</html>
<script src="./js/tools.js"></script>
<script src="./js/index.js"></script>